<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<base href="{$site_url}/">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon.ico">
<meta name="keywords" content="{$page_keywords}" />
<meta name="Description" content="{$page_description}" />
<title>{$page_title}</title>
<!--{css(global.css)}-->
<!--{css(hpv2.css)}-->

<style type="text/css">
.timepoint { position:absolute; top:21px; width:245px; right:141px; font:32px/32px Arial; color:#333; }
.timepoint span { float:left; display:inline; }
#day { margin-right:39px; }
#hour, #minute, #second { letter-spacing:8px; }
#hour, #minute { width:54px; margin-right:12px; }
</style>

</head>

<body id="hp">

 
  
<!--{inc (head_index.view.html)}-->

  

<div class="hpwrap">
	<div class="clearfix mt15">
		<div id="slideBox">



<style type="text/css" media="all">
 #roll_pic{ height:350px; padding-bottom:9px;}
.d1{width:726px;height:auto;overflow:hidden;border:#E4E4E4 2px solid;background-color:#656565;position:relative;}
.loading{width:726px;border:#666666 2px solid;background-color:#656565;color:#FFCC00;font-size:12px;height:350px;text-align:center;padding-top:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.d2{width:100%;height:340px;overflow:hidden;}
.num_list{position:absolute;width:100%;left:0px;bottom:-1px;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overflow:hidden;}
.num_list span{display:inline-block;height:32px;padding-left:6px;}
#fade_focus img{border:0px;}
.fade_ul{display:none;}
.button{position:absolute; z-index:1000; right:0px; bottom:2px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.b1,.b2{background-color:#B6B6B6;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.b2{color:#fff;background-color:#000;}
</style>
<script language="javascript" type="text/javascript">
var s=function()
{
         var interv=3000; //切换间隔时间
         var interv2=10; //切换速速
         var opac1=80; //文字背景的透明度
         var source="fade_focus" //焦点轮换图片容器的id名称
        //获取对象
        function getTag(tag,obj)
        {
               if(obj==null)
               { 
                  return document.getElementsByTagName(tag); 
               }
               else
               { 
                  return obj.getElementsByTagName(tag);
               } 
       }
       function getid(id)
	   {
	           return document.getElementById(id);
	   }
       var opac=0,j=0,t=63,num,scton=0,timer,timer2,timer3;
       var id=getid(source);
       id.removeChild(getTag("div",id)[0]);
       var li=getTag("li",id);
       var div=document.createElement("div");
       var title=document.createElement("div");
       var span=document.createElement("span");
       var button=document.createElement("div");
       button.className="button";
      for(var i=0;i<li.length;i++)
	  {
	           var a=document.createElement("a");
			   a.innerHTML=i+1;
			   a.onclick=function()
			   {
			         clearTimeout(timer);
			         clearTimeout(timer2);
					 clearTimeout(timer3);
					 j=parseInt(this.innerHTML)-1;
					 scton=0;
					 t=63;
					 opac=0;
					 fadeon();
			   };
			   a.className="b1";
			   a.onmouseover=function()
			   {
			        this.className="b2";
			   };
			   a.onmouseout=function()
			   {
			        this.className="b1";
					sc(j)};
					button.appendChild(a);
			   }
       //控制图层透明度
      function alpha(obj,n)
	  {
	          if(document.all)
			  {
			  obj.style.filter="alpha(opacity="+n+")";
			  }
			  else
			  {
			  obj.style.opacity=(n/100);
			  }
	  }
      //控制焦点按钮
     function sc(n)
	 {
	          for(var i=0;i<li.length;i++)
			  {
			  button.childNodes[i].className="b1";
			  };
			  button.childNodes[n].className="b2";
	 }
     title.className="num_list";
     title.appendChild(span);
	 alpha(title,opac1);
	 id.className="d1";
	 div.className="d2";
	 id.appendChild(div);
	 id.appendChild(title);
	 id.appendChild(button);
     //渐显
     var fadeon=function()
	 {
	         opac+=5;
	         div.innerHTML=li[j].innerHTML;
	         span.innerHTML=getTag("img",li[j])[0].alt;
	         alpha(div,opac);
	         if(scton==0)
			 {
			         sc(j);
					 num=-2;
					 scrolltxt();
					 scton=1;
			 };
			 if(opac<100)
			 {
			         timer=setTimeout(fadeon,interv2);
			 }
			 else
			 {
			         timer2=setTimeout(fadeout,interv);
			 };
	}
    //渐隐
    var fadeout=function()
	{
	         opac-=5;
			 div.innerHTML=li[j].innerHTML;
			 alpha(div,opac);
			 if(scton==0)
			 {
			         num=2;
					 scrolltxt();
					 scton=1
			 };
			 if(opac>0)
			 {
			         timer=setTimeout(fadeout,interv2);
			 }
			 else
			 {
			         if(j<li.length-1)
					 {
					      j++;
					 }
					 else
					 {
					      j=0;
					 };
					 fadeon()
			 };
	}
    //滚动文字
    var scrolltxt=function()
	{
	        t+=num;
			span.style.marginTop=t+"px";
			if(num<0&&t>3)
			{
			         timer3=setTimeout(scrolltxt,interv2);
			}
			else if(num>0&&t<62)
			{
			         timer3=setTimeout(scrolltxt,interv2);
			}else
			{
			         scton=0;
			}
	};
    fadeon();
}
//初始化
window.onload=s;
</script>

<div id="roll_pic">
<div id="fade_focus">
    <div class="loading">Loading...<br /><img src="{$bg_pic_url}image/loading.gif" width="100" height="100" /></div>
    <ul class="fade_ul">
<!--{foreach($pic_data as $_key => $_value )}-->
<!--{if($_value.status)}-->
      <li><a href="{$_value.images_link}" target="{$_value.images_target}"><img src="{$_value.images_url|picdir}"  alt="{$_value.images_alt}" /></a></li>
<!--{/if}-->      
    
<!--{/foreach}-->
      
    </ul>
</div>
</div>






		</div>
		<div class="side">
			<div class="mb10 bor1">
				<div id="sideNotices">
					<ul class="J_tab_nav clearfix tc">
						<li class="cur"><a href="javascript:;">网站公告</a></li>

					</ul>
					
					<div class="ml10 pt5 relative" style="height:130px">

					 <div class="J_tab_panel" name="__GGD">
<ul class="pb10">

<phpscup:icon   htmlname='groupgonggao'  iconname='groupgonggao' />	
	
</ul>

</div>

 
					 </div>
				</div>
			</div>
			<div class="bor1">
            <a target="_blank" href=""><img alt="" class="block" src=""></a>
            </div> 
        </div>
	</div>
	
	<div class="cataBrand clearfix mt15">
		<div class="hpcata fl mr10 bor1">
			<div class="hcata-title clearfix mb5">
            <a target="_blank" href="?app=group&act=search" class="fr morelink mt5 pr10">查看更多团购</a>
            <h2 class="fl mt10 pl10">
            <a target="_blank" href="" class="f14">商品分类</a>
            </h2>
            </div>
  <!--{foreach($categorydata as $_key => $_value )}--> 
     <!--{if ($_value.cat_name&&$_value.parent_id==0)}-->            
			<div class="hcatabox clearfix">
			     <h3 class="hcatabox-t fl mr5 f12"><a class="link1" href="<!--{url ('?app=group&act=search&cat=$_value.cat_id')}-->">{$_value.cat_name}</a></h3>
                 <div class="fl hcatabox-df">
                 
                      <ul class="hcalist clearfix">
                          <!--{foreach($categorydata as $_key1 => $_value1 )}-->
                          <!--{if ($_value1.cat_name&&$_value1.parent_id==$_value.cat_id)}-->                       
						  <li  ><a href="<!--{url ('?app=group&act=search&cat=$_value1.cat_id')}-->">{$_value1.cat_name}</a></li>
                          <!--{/if}--> 
                          <!--{/foreach}--> 
					
					  </ul>

                 </div>
		    </div>
	  <!--{/if}-->            
  <!--{/foreach}--> 

<!-- 
			<div class="hcatabox clearfix">
			     <h3 class="hcatabox-t fl mr5 f12"><a class="link1" href="">sss</a></h3>
                 <div class="fl hcatabox-df">
                      <ul class="hcalist clearfix">
						  <li><a target="_blank" href="">特卖 </a></li>
                          <li><a target="_blank" href="">春季新品</a></li>
                          <li><a target="_blank" href="">热销</a></li>
                          <li class="li-end"><a target="_blank" href="">袜子</a></li>						
					  </ul>
                      <ul class="hcblist clearfix">
					      <li><a target="_blank" href="">Euromoda</a></li>
                          <li><a target="_blank" href="">Rampage</a></li>
                          <li><a target="_blank" href="">Jeans</a></li>
                          <li><a target="_blank" href="">Pink</a></li>	
					  </ul>
                 </div>
		    </div>            
           <div class="hcatabox clearfix w350 mr10">
                 <h3 class="hcatabox-t fl mr5 f12"><a class="link1" href="">鞋包</a></h3>
                 <div class="fl hcatabox-d">
                      <ul class="hcalist clearfix">
					      <li><a target="_blank" href="">特卖</a></li>
                          <li><a target="_blank" href="">春季新品</a></li>
                          <li class="li-end"><a target="_blank" href="">钱包</a></li>
					  </ul>
                      <ul class="hcblist clearfix">
						 <li><a target="_blank" href="">Euromoda</a></li>
                         <li><a target="_blank" href="">Rampage</a></li>
					  </ul>
                 </div>
             </div>
			<div class="hcatabox clearfix w350">
                 <h3 class="hcatabox-t fl mr5 f12"><a class="link1" href="">家居</a></h3>
                 <div class="fl hcatabox-d">
                      <ul class="hcalist clearfix">
						<li><a target="_blank" href="">特卖</a></li>
                        <li><a target="_blank" href="">新品</a></li>
                        <li class="li-end"><a target="_blank" href="">家电</a></li>
					  </ul>
                      <ul class="hcblist clearfix">
						<li><a target="_blank" href="">lovo</a></li>
                        <li><a target="_blank" href="">Banisi</a></li>

					  </ul>
                 </div>
            </div>

-->


 
			<div class="hcata-title clearfix mb5">
            <!--<a target="_blank" href="?app=default&act=search" class="fr morelink mt5 pr10">查看更多团购</a>-->
            <h2 class="fl mt10 pl10" style="font-size:17px; font-weight:bold;">推荐团购</h2>
            </div> 
 			<div class="hcatabox clearfix">






<style type="text/css">
#ind_mail {
float:left;
height:100%;
width:713px;
font-size:12px;
}

#ind_mail  .ind_brand {
margin:13px 0;
}
#ind_mail  .brand_list {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#ECECEC #ECECEC #5E88A0;
border-style:solid;
border-width:1px;
padding-bottom:1px;
width:705px;
}
#ind_mail  a {
color:#4B4344;
text-decoration:none;
}
#ind_mail  .brand_list img {
height:156px;
width:705px;
}

#ind_mail  a img {
border:0 none;
}
#ind_mail  .look_flash {
background:none repeat scroll 0 0 #E9E4E9;
height:22px;
line-height:22px;
margin-top:-24px;
opacity:0.7;
padding-right:23px;
position:absolute;
text-align:right;
width:684px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-kHTML-opacity: 0.7;
opacity: 0.7;
}


#ind_mail  .ind_bra_n {
color:#000000;
float:left;
font-weight:bold;
padding-left:13px;
text-align:left;
width:235px;
}
#ind_mail  .ind_bra_t {
float:left;
width:133px;
}
#ind_mail  .look_flash img {
vertical-align:middle;
}
#ind_mail  .look_flash a:link {
color:#000000;
}

</style>

      <div id="ind_mail">

  <!--{foreach($groupdata as $_key => $_value )}--> 
           		
		 <div class="ind_brand">
			 <div class="brand_list"><a href="<!--{url ('?app=group&act=onegroup&gd=$_value.id')}-->"><img src="{$_value.img|picdir}" alt="{$_value.name}"/></a></div>
			 <div class="look_flash">
				<div><span class="ind_bra_n">{$_value.name|cutstr:25}</span> <span class="ind_bra_t">剩余：<span id="sp_day_{$_key}">0</span>天<span id="sp_hour_{$_key}">0</span>:<span id="sp_minute_{$_key}">0</span>:<span id="sp_second_{$_key}">60</span></span><img src="{$bg_pic_url}image/bfq.gif"/> <a href="<!--{url ('?app=group&act=onegroup&gd=$_value.id')}-->" target="_blank">品牌故事</a>
				</div>
			 </div>
		 </div>
 
  <!--{/foreach}-->


         

	  </div>

<script language="javascript">


var $ = function(){  
     return document.getElementById(arguments[0]);
	 };

//var time_count_down;
function brand_time_init() {
	var brand_end_time, b_d, b_h, b_m;
	for (var i=0; i<brand_time_info.length; i++) {
		brand_end_time = brand_time_info[i] - brand_adjust_time;
		b_d = Math.floor(brand_end_time/86400);
		b_h = Math.ceil(brand_end_time/(3600))-b_d*24-1;
		b_m = Math.floor((brand_end_time-b_d*86400-b_h*3600)/60);
		$('sp_day_'+i).innerHTML = b_d;
		$('sp_hour_'+i).innerHTML = b_h;
		$('sp_minute_'+i).innerHTML = b_m;
		//$('sp_second_'+i).innerHTML = '60';
	}

	setInterval(brand_timer, 1000);
}


function brand_timer()
{
	var second,minute,hour,day;
	
	for (var i=0; i<brand_time_info.length; i++) {
		second=parseInt($("sp_second_"+i).innerHTML);

		if (second==0&&minute==0&&hour==0&&day==0) {
			continue;
		}
		
		minute=parseInt($("sp_minute_"+i).innerHTML);
		hour=parseInt($("sp_hour_"+i).innerHTML);
		day=parseInt($("sp_day_"+i).innerHTML);

		if(0<second)
		{
			second-=1;
			$("sp_second_"+i).innerHTML=second;
		}
		else
		{
			second=minute==0?0:59;
			$("sp_second_"+i).innerHTML=second;
			if(0<minute)
			{	
				minute-=1;
				$("sp_minute_"+i).innerHTML=minute;
			}
			else
			{
				
				minute=hour==0?0:59;
				$("sp_minute_"+i).innerHTML=minute;
				if(0<hour)
				{	
					hour-=1;
					$("sp_hour_"+i).innerHTML=hour;
				}
				else
				{
					if(0<day)
					{	
						hour=23;
						day-=1;
						$("sp_day_"+i).innerHTML=day;
						$("sp_hour_"+i).innerHTML=hour;
					}
					else
					{	
						$("sp_day_"+i).innerHTML="0";
						$("sp_hour_"+i).innerHTML="0";
					}
				}
			}
		}
	}
}

var brand_adjust_time = {time()};
var brand_time_info = [<!--{foreach($groupdata as $_key => $_value )}-->{$_value.overtime}<!--{if(isset($groupdata[$_key+1]))}-->,<!--{/if}--><!--{/foreach}-->];
brand_time_init();

</script>






		    </div>
 
 
        </div> 
            
        
		<div class="fl hbrand bor1">
			<div class="clearfix">
                 <a target="_blank" href="" class="fr morelink pr10 mt5">查看所有品牌</a>
                 <h2 class="fl hot-title pl10">
                  <a target="_blank" href="" class="f14">热卖品牌</a>
                 </h2>
            </div>
			<ul class="clearfix hblist">	
  <!--{foreach($sellerdata as $_key => $_value )}--> 
			   <li><a href="<!--{url ('?app=group&act=search&sid=$_value.id')}-->" target="_blank"><img src="{$_value.picture|picdir}" alt="{$_value.sellername}" width="110" height="60" border="0"></a></li>
 
  <!--{/foreach}-->            
            			

			               
               
               			
			</ul>
		 </div>
        
        

	</div>
	
	




	
    

</div>



<div class="hpwrap" style="margin-bottom:-30px">
	<div style="padding-left:18px;background: url('{$bg_pic_url}ico-talk.gif') no-repeat 0pt 4px;" class="mt20">您对本站有意见或建议么？ <a class="a2" href="" target="_blank">请告诉我们</a> 
    </div>
</div>


<!--{inc (footer_index.view.html)}-->


</body>
</html>